<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3391590_5o7tia4furr.css">
</head>
<body>
  <header>
  </header>
  <main>
      <div class="total">
          <div class="txt">目前累积跑步距离:</div>
          <divclass="txt">
              <span id="num">999.99</span>
              <span>公里</span>
          </div>
      </div>
      <!-- <div class="pattern">
          <div class="patternBox paColor">户外跑</div>
          <div class="patternBox">燃脂跑</div>
          <div class="patternBox">跑步机</div>
      </div> -->
      <div class="go">
          <div class="goBox">
              GO
          </div>
      </div>
      <div class="set">
          <div class="iconfont icon-shezhi"></div>
          <div class="target">设置目标></div>
          <div class="iconfont icon-yinle"></div>
      </div>
      <div class="route">
          <div class="routeTxt">
            <div class="txtname">骑行路线</div>
            <div class="txtmax">使用骑行路线, 邂逅附近的骑行达人</div>
          </div>
          <div class="routego">></div>
      </div>
      

  </main>
  <footer id="butbot"> </footer>   
</body>
</html>